<template>
  <div class="list-setter">
    <span v-for="(item, index) in options" :key="index"> {{ item }}</span>
  </div>
</template>

<script >
import { defineComponent } from '@vue/composition-api';

export default defineComponent({
  name: 'ListSetter',
  props: {
    options: {
      type: Array,
      default: () => [],
    },
  },
});
</script>
<style lang="scss" scoped>
.list-setter {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  span {
    margin-right: 10px;
    display: block;
  }
}
</style>
